{{extend './common/layout.html'}}

{{block 'link'}}
<link rel="stylesheet" href="/static/home/css/userComment.css">
{{/block}}

{{block 'main'}}
<header>
    {{include './common/header.html'}}
    {{include './common/headerNav.html'}}
</header>
<div class="content">
    <div class="mainContent">
        <div class="detailBox">
            <div class="showGood">
                <a href="javacript:;">
                <img src="/static/home/image/clothes.jpg" alt="">
                </a>
            </div>
            <div class="showCare">
                <ul class="showTitle">
                    <li>
                        <label>
                        <h3>休闲农场三明治蒸蛋糕营养早餐夹心网红零食品整箱小面包小吃点心休闲农场三明治蒸蛋糕营养早餐</h3>
                        </label>
                    </li>
                    <li>
                        <label>价格</label>
                        <div class="showTitleRight">
                            <strong>59.80</strong>
                            <span>元</span>
                        </div>
                    </li>
                </ul>
                <ul class="userChoose">
                    <li>
                        <label>口味</label>
                        <div class="chooseInfo">蓝莓味【送】芒果味 共发500g*2箱</div>
                    </li>
                    <li>
                        <div class="chooseInfo chooseTime">
                            <p>
                                现在查看的是 您所购买商品的信息
                                <br>
                                于<span>2021年11月5日</span>下单购买了此商品
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="postAComment">
            <!-- 表单提交 -->
            <form action="" method="">
                <div class="postMain">
                    <div class="postHeader">
                        <span>其他买家需要您的建议哦</span>
                    </div>
                    <div class="postOder">
                        <div class="masterLeft">
                            <div class="commentItem">
                                <div class="commentTitle">评价商品</div>
                                <div class="commentArea">
                                    <textarea name="" id="" cols="30" rows="10" class="reallyComment"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="masterRight">
                            <div class="descItem">
                                <span class="descTitle">描述相符</span>
                                <div class="descItemCtn">
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                </div>
                            </div>
                            <div class="descItem">
                                <span class="descTitle">卖家服务</span>
                                <div class="descItemCtn">
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                    <span><i class="iconfont tubiao_wuxing-" style="font-size: 20px;"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="postOder">
                        <div class="masterLeft">
                            <div class="commentItem">
                                <div class="commentTitle">晒图片</div>
                                <div class="imgBox">
                                    <div class="uploadImg">
                                        <div class="imgIcon">
                                            <i class="iconfont shangchuantupian1" style="font-size: 24px; color: white;"></i>
                                        </div>
                                        <input type="file" name="filedata" class="fileUpload" multiple>
                                        <input type="hidden">
                                    </div>
                                    <!-- 动态添加 -->
                                        <ul class="commentImgUl">
                                            <!-- <li class="imgUpLi">
                                                <div class="picLi">
                                                    <img src="/static/home/image/clothes.jpg" alt="">
                                                </div>
                                                <div class="picShadow">
                                                   <i class="iconfont closel" style="font-size: 26px; color: white;"></i> 
                                                </div>
                                            </li>
                                            <li class="imgUpLi">
                                                <div class="picLi">
                                                    <img src="/static/home/image/clothes.jpg" alt="">
                                                </div>
                                                <div class="picShadow">
                                                    <i class="iconfont closel" style="font-size: 26px; color: white;"></i> 
                                                 </div>
                                            </li> -->
                                            <div style="clear: both;"></div>
                                        </ul>
                                        <div style="clear: both;"></div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="postSubmit">
                    <span class="submitBtn">提交评价</span>
                </div>
            </form>
        </div>
        <div class="commentToolBar">
            宝贝评价（<span>666</span>）
        </div>
        <div class="commentGrid">
            <table>
                    <!-- <tr>
                        <td class="commentMaster">
                            <div class="tdContent">
                                <div class="tdChacter">
                                    商品分量：一共两盒，一盒大约20个 保质期：生产日期一周内的，保质期60天 口感味道：味道不错，我只吃了芒果味的，很好吃，看没得还没尝 总体来说，非常不错，味道很好
                                </div>
                                <ul class="tdImg">
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <div style="clear: both;"></div>
                                </ul>
                            </div>
                            <div class="tdDate">11.21</div>
                        </td>
                        <td class="commentMeta">
                            <p><span>口味:</span>蓝莓味【送】芒果味 共发500g*2箱</p>
                        </td>
                        <td class="commentAuthor">
                            <div class="author">
                                玩
                                <span>***</span>
                                为
                            </div>
                        </td>
                    </tr> -->
                    <!-- <tr>
                        <td class="commentMaster">
                            <div class="tdContent">
                                <div class="tdChacter">
                                    商品分量：一共两盒，一盒大约20个 保质期：生产日期一周内的，保质期60天 口感味道：味道不错，我只吃了芒果味的，很好吃，看没得还没尝 总体来说，非常不错，味道很好
                                </div>
                                <ul class="tdImg">
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <div style="clear: both;"></div>
                                </ul>
                            </div>
                            <div class="tdDate">11.21</div>
                        </td>
                        <td class="commentMeta">
                            <p><span>口味:</span>蓝莓味【送】芒果味 共发500g*2箱</p>
                        </td>
                        <td class="commentAuthor">
                            <div class="author">
                                玩
                                <span>***</span>
                                为
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="commentMaster">
                            <div class="tdContent">
                                <div class="tdChacter">
                                    商品分量：一共两盒，一盒大约20个 保质期：生产日期一周内的，保质期60天 口感味道：味道不错，我只吃了芒果味的，很好吃，看没得还没尝 总体来说，非常不错，味道很好
                                </div>
                                <ul class="tdImg">
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <div style="clear: both;"></div>
                                </ul>
                            </div>
                            <div class="tdDate">11.21</div>
                        </td>
                        <td class="commentMeta">
                            <p><span>口味:</span>蓝莓味【送】芒果味 共发500g*2箱</p>
                        </td>
                        <td class="commentAuthor">
                            <div class="author">
                                玩
                                <span>***</span>
                                为
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="commentMaster">
                            <div class="tdContent">
                                <div class="tdChacter">
                                    商品分量：一共两盒，一盒大约20个 保质期：生产日期一周内的，保质期60天 口感味道：味道不错，我只吃了芒果味的，很好吃，看没得还没尝 总体来说，非常不错，味道很好
                                </div>
                                <ul class="tdImg">
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <li><img src="/static/home/image/clothes.jpg" alt=""></li>
                                    <div style="clear: both;"></div>
                                </ul>
                            </div>
                            <div class="tdDate">11.21</div>
                        </td>
                        <td class="commentMeta">
                            <p><span>口味:</span>蓝莓味【送】芒果味 共发500g*2箱</p>
                        </td>
                        <td class="commentAuthor">
                            <div class="author">
                                玩
                                <span>***</span>
                                为
                            </div>
                        </td>
                    </tr> -->
            </table>
        </div>
    </div>
</div>
<!-- 弹窗 -->
<div class="popBox">
    <div class="pop">
        <div class="popInner">
            <span class="deleteIcon"><i class="iconfont shibai" style="font-size: 20px;"></i></span>
            <div class="deleteGood">
                <!-- 删除宝贝 -->
            </div>
            <div class="deleteGoodsInner">
                <!-- 删除的宝贝将可能会被别人抢走哦~确定要删除吗？ -->
            </div>
            <div class="deleteBtn">
                <button class="noDelete">
                    取消
                </button>
                <button class="sureDelete">
                    确定
                </button>
            </div>
        </div>
    </div>
</div>


<footer>
    {{include './common/footer.html'}}
</footer>

{{block 'script'}}
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="/static/home/js/userComment.js"></script>
{{/block}}

{{/block}}

